<template>
<div class="box">

<!--  头部-->
  <IndexHead />
<!--  中间内容-->
  <div class="min">
<!--    上部-->
    <div class="hdContent" v-for="(i,index) in bufferpg" :key="index">
      <img  :src="i.coverFileUrl">

    </div>
<!--    下部-->
    <div></div>
  </div>
<!--  底部-->
  <SiBottom/>
</div>
</template>

<script>
import IndexHead from "@/views/index/components/IndexHead";
import SiBottom from "@/views/index/components/SiBottom";
import {mapState} from "vuex";
import {bufferpage} from "@/api/index-api";


export default {
name: "TwoLay",
  components:{
    IndexHead,
    SiBottom,

  },
  data(){
  return{
    bufferpg:[]
  }
  },

  created() {
    console.log(this.vuexskipid)
    console.log(this.vuexskipdate)
    bufferpage(Number(this.vuexskipid)).then(res=>{
      // console.log()
      this.bufferpg = res
      // bannerFileUrlPc
    })
  },
 computed:{
  ...mapState(['vuexskipid',"vuexskipdate"])
 }
}
</script>

<style scoped lang="less">
.min{
  background: #f4f4f4;
  width: 100%;
  //height: 300px;
  .hdContent{
    width: 1200px;
    margin: 10px auto;
    display: flex;
  }
}

</style>